﻿<%@ Page Title="Friend" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Friend.aspx.cs" Inherits="LikeUsWebSite.Friend" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <style type="text/css">
        .ajax__tab_xp
            {
            }
         .ajax__tab_xp2
            {
                background-color:White;
            }
    </style>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<script>
<!--
    function ClientFunction() {
        
    }
//-->
</script>
<table cellspacing="20">
    <tr>
        <td>
            <asp:Image ID="myImage" runat="server" Height="200px" />
        </td>
        <td>
            <asp:Image ID="typeImg" runat="server" Height="20px" />
            <asp:Label ID="userName" runat="server" Font-Bold="True" Font-Size="Larger"></asp:Label>
            <br />
            Email:
            <asp:Label ID="userMail" runat="server"></asp:Label>
            <br />
        </td>
    </tr>
    <tr>
        <td colspan="2">    
            <center>
                <asp:Button ID="Button5" runat="server" BackColor="#4B6C9E" BorderStyle="None" 
                    ForeColor="White" OnClick="Button5_Click" Text="Add as Friend" />
            </center>
        </td>
    </tr>
</table>
    <ajaxToolkit:TabContainer ID="TabContainer1" runat="server" 
        OnClientActiveTabChanged="ClientFunction" 
        Height="100%"
        Width="100%"
        ActiveTabIndex="0"        
        OnDemand="true"        
        AutoPostBack="false"
        TabStripPlacement="Top"
        CssClass="ajax__tab_xp"
        ScrollBars="None"
        UseVerticalStripPlacement="false"
        VerticalStripWidth="120px">
        <ajaxToolkit:TabPanel runat="server" HeaderText="TabPanel1" ID="TabPanel1" Enabled="true"
        ScrollBars="Auto"        
        OnDemandMode="Once" CssClass="ajax__tab_xp2">
            <HeaderTemplate>
                News
            </HeaderTemplate>
            <ContentTemplate>
                
            </ContentTemplate>
        </ajaxToolkit:TabPanel>



        <ajaxToolkit:TabPanel ID="TabPanel2" runat="server" HeaderText="TabPanel2" Enabled="true"
        ScrollBars="Auto"        
        OnDemandMode="Once" CssClass="ajax__tab_xp2">
            <HeaderTemplate>
                Favorites
            </HeaderTemplate>
            <ContentTemplate>
                <asp:DataGrid ID="DataGrid1" Runat="server" AutoGenerateColumns="False" 
            CellPadding="5" DataKeyField="idmovies" EditItemStyle-BackColor="#F7F7F7"  BorderColor="white"
            HeaderStyle-BackColor="#F7F7F7" HorizontalAlign="Justify">
            <FooterStyle BackColor="PaleGoldenrod" />
            <SelectedItemStyle BackColor="Control" />
            <EditItemStyle BackColor="#F7F7F7" />
            <ItemStyle BackColor=""/>
            <HeaderStyle BackColor="White" Font-Bold="true" />
            <Columns>
            <asp:TemplateColumn >
                <HeaderStyle Width="10px" />
                <ItemTemplate>
					<b><%# Container.ItemIndex+1%></b>
				</ItemTemplate>
            </asp:TemplateColumn>
            <asp:TemplateColumn>
                    <HeaderStyle Width="100px" />
                    <ItemTemplate><center>
                        <asp:Image ID="Image1" Runat="server" Height="100"
                            ImageUrl='<%# DataBinder.Eval(Container.DataItem, "image")%>' />
                            <hr />
                            </center>
                    </ItemTemplate>
                </asp:TemplateColumn>
                <asp:TemplateColumn>
                    <HeaderStyle Width="100px" />
                    <ItemTemplate>
							<%# DataBinder.Eval(Container.DataItem, "name") %>
					</ItemTemplate>
                </asp:TemplateColumn>
                <asp:TemplateColumn>
                    <HeaderStyle Width="120px" /><HeaderTemplate><center><%=userName.Text%>'s Score</center></HeaderTemplate>
                    <ItemTemplate>
                        <h1 style="border-radius: 15px;background-color:#D8DFEA"><center>
                        <%# DataBinder.Eval(Container.DataItem, "rating") %></center></h1>
					</ItemTemplate>
                </asp:TemplateColumn>

                 <asp:TemplateColumn>
                    <HeaderStyle Width="100px" /><HeaderTemplate><center>Your Score</center></HeaderTemplate>
                    <ItemTemplate><h1 style="border-radius: 15px;background-color:#D8DFEA"><center>
							<%# DataBinder.Eval(Container.DataItem, "myRating") %></center></h1>
					</ItemTemplate>
                </asp:TemplateColumn>
            </Columns>
        </asp:DataGrid>
            </ContentTemplate>
        </ajaxToolkit:TabPanel>
    
</ajaxToolkit:TabContainer>
          </asp:Content>
